@charset "utf-8";
/* CSS Document */
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:14px/1.3 Helvetica,"STHeiti STXihei","Microsoft JhengHei","Microsoft YaHei",Tohoma,Arial;outline:0;}
a,a:hover{color:#666666;}

a, img ,p,dt{-webkit-touch-callout:none;}
a, button ,p,dt{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;}

body{color:#333333;-webkit-text-size-adjust:none;min-width:320px; background-color:#f4f4f8;}
p { margin-bottom:10px; line-height:22px;}
html {height: 100%;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;}
body {height: 100%;}
* {box-sizing: border-box;}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {-webkit-appearance: none;}

span.noDataTip {margin-left: 40%;}

a:focus,input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);}
/*公用基类*/
.hide { display:none;}.fl { float:left !important;}.fr { float:right !important;}
.clearfix:after {content:"\200B";display:block;height:0;clear:both;}
.clearfix {*zoom:1;}
.inner { padding-left:15px; padding-right:15px;}
.textcenter { text-align:center;}

/*按钮基类*/
.ui-btn{user-select:none;-moz-user-select: none;-webkit-user-select: none; -ms-user-select: none;display:inline-block;*display:inline;*zoom:1;background-color:#fe642c;color:#fff;text-align:center; min-width:100px;font-size:17px;height:44px;line-height:44px;cursor:pointer;border-radius:4px;border:none;width:auto;text-decoration:none;vertical-align:middle;}
.ui-btn:hover { color: #ffffff;}
/*添加置灰样式*/
.ui-btn.disabled,
.ui-btn.disabled:hover,
.ui-btn.disabled:active,
.ui-btn[disabled],
.ui-btn[disabled]:hover,
.ui-btn[disabled]:active{cursor:default;color:#fff;background-color:#bebebe;text-decoration:none;outline:none;box-shadow:none;}

/*表单公用*/
/*webkit type=number 清除*/
.formbox .typenumber { line-height: 20px;}
.formbox .typenumber::-webkit-textfield-decoration-container {}
.formbox .typenumber::-webkit-inner-spin-button {-webkit-appearance: none;}
.formbox .typenumber::-webkit-outer-spin-button {-webkit-appearance: none;	/* 有无看不出差别 */}
.formbox label.error { color:#ff0000; padding-left:10px; line-height:24px;}
input::-webkit-input-placeholder {color: #d0d0d0 !important;}
input:-moz-placeholder {color: #d0d0d0 !important;}
input::-moz-placeholder {color: #d0d0d0 !important;}
input:-ms-input-placeholder {color: #d0d0d0 !important;}


/*头部公用*/
#header{ width:100%; z-index:9997; position:relative;}
.header{padding:0px;position:relative;overflow:hidden; border-bottom:solid 1px #e5e5e5; z-index:9999; background-color:#ffffff;  height:47px; text-align:center;}
.header h1 { font-size:18px; line-height:47px; color:#525252; font-weight:normal; width:74%; margin:0px auto;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.header .btn_back { background-image:url(../images/common/icon_back.png); background-position:center center; background-repeat:no-repeat; background-size:contain; width:22px; height:22px; position:absolute; top:12px; left:10px; text-indent:-9999px;}



/*登陆注册页面*/
.register { background-color: #fcfcfc;}
/*input icon*/
.login-form-phone,.login-form-code,.login-form-idcard {display: block;left: 0px;position: absolute;top: 15px;width: 20px;height: 20px; background-size: contain;background-color: rgba(0, 0, 0, 0);background-repeat: no-repeat;background-position: center center;}
.login-form-phone {background-image: url(../images/login/icon-phone.png);}
.login-form-code {background-image: url(../images/login/icon-code.png);}
.login-form-idcard {background-image: url(../images/login/icon-idcard.png);}

.captcha { display: inline-block; vertical-align:top; padding-top:2px; float: right;}
.captcha img { margin-top:7px; float:left; }
.captcha a.captchabtn { margin-left:10px; display:block; float:left; margin-top:4px; line-height:30px; background-image:url(../images/login/refresh.png); width:25px; height:28px;}

.RegisterPage .LoginBanner { text-align:center; padding:18% 0px 0px 0px;}
.RegisterPage .LoginBanner img { width:150px; height: auto;}
.RegisterPage .explain { color: #999999; padding: 0px 15px 15px 15px;}

/*表单*/
.registerform { padding:15px;}
.registerform .formbox { width:100%;}
.registerform .formbox .input { width:99%;line-height:20px; height: 20px; border: 0px;padding: 10px; font-size:14px; background-color: transparent;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;box-sizing: content-box;}
.registerform .formbox .inputtit { height: 40px; border: 0px;font-size:14px; line-height:40px; padding:0px 0px 0px 10px; color:#ebebeb; display:inline-block;}
.registerform .formbox .inputfr { height: 40px; border: 0px;font-size:14px; line-height:40px; padding:0px 0px 0px 0px; color:#ebebeb; display:inline-block; float:right;}

.registerform .formbox li { padding:5px 10px 5px 20px; border-bottom:solid 1px #ebebeb; position:relative;}
.registerform .formbox li:after {content:"\200B";display:block;height:0;clear:both;}
.registerform .formbox li {*zoom:1;}

.registerform .formbox .sendcode .input { width:48%;}
.registerform .formbox .sendcode .btnSendCode { height:35px; font-size:14px; width:38%;cursor: pointer; color:#3388ff; margin-top:2px; background-color: #ffffff; text-align: center; margin-right: -10px;}
.registerform .formbox .sendcode .btnSendCode .disabled{ height:35px; font-size:14px; width:38%;cursor: pointer; color:#3388ff; margin-top:2px; background-color: #ffffff; text-align: center; margin-right: -10px;}
.registerform .formbox .sendcode .btnSendCode span { line-height: 22px; height:22px; border-left: solid 1px #ebebeb; display: block; margin: 6px 0px;}

.registerform .formbox .btn { padding:30px 0px 0px 0px;}
.registerform .formbox .btn .ui-btn { width:100%;}


/*动画库*/
@-webkit-keyframes chicaum {
	from {
		-webkit-transform: translate(0px);
	}
	to {
		-webkit-transform: translate(-750px);
	}
}
@-moz-keyframes chicaum {
	from {
		-moz-transform: translate(0px);
	}
	to {
		-moz-transform: translate(-750px);
	}
}
@keyframes chicaum {
	from {
		-webkit-transform: translate(0px);
		-moz-transform: translate(0px);
		-ms-transform: translate(0px);
		-o-transform: translate(0px);
		transform: translate(0px);
	}
	to {
		-webkit-transform: translate(-750px);
		-moz-transform: translate(-750px);
		-ms-transform: translate(-750px);
		-o-transform: translate(-750px);
		transform: translate(-750px);
	}
}

/*我的账户 - 公用*/
.menu { overflow:hidden; background-color: #ffffff;}
.menu ul {}
.menu li { display:inline-block; width:25%; float:left;}
.menu a { border-bottom:solid 2px #ffffff; line-height:47px; height:45px; display:block; font-size:15px; text-align:center; color:#777777;}
.menu li.active a { color:#fe642c;border-bottom: solid 2px #fe642c; width:80%; margin:0px auto; font-size: 16px;}

/*load*/
.loader {background-color:rgba(0,0,0,0.5);width:120px; height:80px; margin-top: -50px; margin-left: -50px; position:fixed;left:50%;top:50%;z-index:1001;border-radius:10px; color: #ffffff; text-align: center; display: none;}
@-webkit-keyframes scale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1; }

	45% {
		-webkit-transform: scale(0.1);
		transform: scale(0.1);
		opacity: 0.7; }

	80% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1; } }
@keyframes scale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1; }

	45% {
		-webkit-transform: scale(0.1);
		transform: scale(0.1);
		opacity: 0.7; }

	80% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1; } }
.ball-pulse { text-align: center; padding-top: 18px; padding-bottom: 5px;}
.ball-pulse > div:nth-child(0) {
	-webkit-animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div:nth-child(1) {
	-webkit-animation: scale 0.75s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: scale 0.75s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div:nth-child(2) {
	-webkit-animation: scale 0.75s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: scale 0.75s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div:nth-child(3) {
	-webkit-animation: scale 0.75s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: scale 0.75s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div {background-color: #fff;width: 15px;height: 15px;border-radius: 100%;margin: 2px;-webkit-animation-fill-mode: both;animation-fill-mode:both;display: inline-block; }


/*我的账户 首页*/
.prompt {line-height:47px; height:47px; background-color:#000; color:#ffffff; font-size:14px;padding:0px 0px 0px 15px;}
.prompt span { float:left;}
.prompt .close { display:inline-block; background-image:url("../images/user/close.png"); background-position:center center; background-repeat:no-repeat; background-size:22px auto; text-indent:-9999px; width:22px; height:22px; float:right; margin:12px 15px 0px 0px;}

.welcome { line-height:47px; height:47px; padding:0px 0px 0px 15px; font-size:16px;}
.welcome a { display:inline-block; padding:0px 15px; float:right; color:#008cee;}
.welcome span {color:#fe642c; font-weight:bold; }

.user {}
.user .top {padding:0px; position: relative;
	background: -moz-linear-gradient(top, #fc7033, #f89f55);
	background: -webkit-linear-gradient(top, #fc7033, #f89f55);}
.user .top .surplus { text-align:center; color:#ffffff; padding:35px 0px 55px 0px;}
.user .top .surplus .tit { font-size: 16px; line-height: 30px;}
.user .top .surplus .con { font-size:48px; line-height:50px;}
.user .top .wave { width: 100%; height: 30px; position: absolute; left: 0px; bottom: 0px; overflow: hidden;}

.user .top .wave:before {
	content: '';width: 100%;display: block;height: 150px;background-size: contain;opacity: 1;
}
.user .top .wave:before {
	-webkit-transition: all 0.4s cubic-bezier(0.17, 0.67, 0.64, 1.55);
	-moz-transition: all 0.4s cubic-bezier(0.17, 0.67, 0.64, 1.55);
	transition: all 0.4s cubic-bezier(0.17, 0.67, 0.64, 1.55);
	top: 0px;
}
.user .top .wave:before {
	background-image: url("../images/user/topbg.png"); background-repeat: repeat; background-size: contain;
	width: 1500px;
	height: 30px;
	z-index: -1;
	-webkit-animation: chicaum 10s infinite linear;
	-moz-animation: chicaum 10s infinite linear;
	animation: chicaum 10s infinite linear;
	transition-delay: .2s;
}
.user .title {padding-left: 15px; height: 35px; line-height: 35px; background-image: url("../images/user/dot.png"); background-repeat: no-repeat; background-position: left center; background-size: 8px;margin: 0px 15px;}
.user .info {}
.user .info { border-bottom: solid 1px #ebebeb; background-color: #ffffff; overflow: hidden; padding: 20px 0px;}
.user .info ul { overflow: hidden; width: 100%;}
.user .info ul li { width: 50%; float: left;border-left: solid 1px #ebebeb; padding-left: 15px;}
.user .info ul li:first-child { border-left: 0px;}
.user .info ul li .tit { margin-bottom: 10px; color: #777777;}
.user .info ul li:first-child .con { color: #fe642c;}
.user .info ul li .con {font-size:28px; height: 28px;line-height: 28px;}

.user .integral {}
.user .integral { border-bottom: solid 1px #ebebeb;border-top: solid 1px #ebebeb; background-color: #ffffff; overflow: hidden; padding: 20px 0px; margin-bottom: 10px;}
.user .integral ul { overflow: hidden; width: 100%;}
.user .integral ul li { width: 50%; float: left;border-left: solid 1px #ebebeb; padding-left: 15px; padding-top: 10px; padding-bottom: 10px;}
.user .integral ul li:first-child { border-left: 0px;}
.user .integral ul li .tit { margin-bottom: 12px; color: #777777;}
.user .integral ul li .con {font-size:22px; height: 22px;line-height: 22px;}

.user .ver {}
.user .ver { border-top: solid 1px #ebebeb;border-bottom: solid 1px #ebebeb; background-color: #ffffff; overflow: hidden; padding: 0px 15px; margin-bottom: 10px;}
.user .ver ul { overflow: hidden; width: 100%;}
.user .ver ul li { width: 100%;border-bottom: solid 1px #ebebeb; padding-left: 15px; height: 45px; line-height: 45px; background-image: url("../images/user/dot.png"); background-repeat: no-repeat; background-position: left center; background-size: 8px;}
.user .ver ul li:last-child { border-bottom: 0px;}
.user .ver ul li .tit {float: left;}
.user .ver ul li .val {float: right;}


/*我的账户 - 我的业绩*/
.kpi { padding-top: 10px;}
.kpi .listmenu { background-color:#ffffff;}
.kpi .listmenu li {border-bottom:solid 1px #ebebeb;overflow:hidden; width:100%; line-height:45px; height: 45px;}
.kpi .listmenu li:first-child { border-top:solid 1px #ebebeb;}
.kpi .listmenu a { display: block; height: 45px; width: 100%; color:#333333;}
.kpi .listmenu .tit { float:left; padding-left: 15px;}
.kpi .listmenu .con { float:right; padding-right: 15px;}
.kpi .listmenu .con .color { color: #fe642c;}
.kpi .listmenu ul li .arrow { background-image: url("../images/common/arrow.png"); background-position: right center; background-repeat: no-repeat; background-size: contain; display: block; float: right; height: 18px; width: 18px; margin-top: 14px; margin-left:5px;}
.kpi .listmenu ul li .icon { background-image: url("../images/user/kpi_listmenu_icon.png"); background-position: 0px 0px; background-repeat: no-repeat; background-size: 24px; display: block; float: left; height: 24px; width: 24px; margin-top: 10px; margin-right: 10px;}

.kpi .lists { padding-bottom: 10px; position: relative;}
.kpi .lists .title { position: absolute; top: 0px; left: 0px;}
.kpi .lists .title {padding-left: 15px; height: 35px; line-height: 35px; background-image: url("../images/user/dot.png"); background-repeat: no-repeat; background-position: left center; background-size: 8px;margin: 0px 15px;}
.kpi .lists dl {background-color: #ffffff;}
.kpi .lists dl dt { color: #bdbdbd; border-bottom: solid 1px #ebebeb; padding: 0px 15px; line-height: 35px; text-align: right; background-color: #f4f4f8;}
.kpi .lists dl dd { overflow: hidden; border-bottom: solid 1px #ebebeb; padding: 12px 0px; margin: 0px 15px; }
.kpi .lists dl dd:last-child {border-bottom: 0px;}
.kpi .lists dl dd .box { width: 100%; overflow: hidden; line-height: 24px;}
.kpi .lists dl dd .box .color { color: #fe642c;}
.kpi .lists dl dd .box .name { float: left;}
.kpi .lists dl dd .box .int { float: right;}
.kpi .lists dl dd .box .date {float: left; color: #999999;}
.kpi .lists dl dd .box .num {float: right;}

.kpi .reward { padding-bottom: 10px; position: relative;}
.kpi .reward dl {background-color: #ffffff;border-top: solid 1px #ebebeb; }
.kpi .reward dl dd { overflow: hidden; border-bottom: solid 1px #ebebeb; padding: 12px 15px; position: relative;line-height: 24px;}
.kpi .reward dl dd .color { color: #fe642c;}
.kpi .reward dl dd .name {}
.kpi .reward dl dd .time { color: #999999;}
.kpi .reward dl dd .int { position: absolute; right: 15px; top: 25px;}


.kpi #wrapper {position: absolute;top: 100px;bottom: 0;width: 100%;}
.kpi #scroller {margin: 0;padding: 0;}
.kpi .jroll-infinite-tip {height: 44px;line-height: 44px;text-align: center;}


/*我的下线*/
.mr { padding-bottom: 10px;}
.mr .title {padding-left: 15px; height: 35px; line-height: 35px; background-image: url("../images/user/dot.png"); background-repeat: no-repeat; background-position: left center; background-size: 8px;margin: 0px 15px;}

.mr .info { border-bottom: solid 1px #ebebeb;border-top: solid 1px #ebebeb; background-color: #ffffff; overflow: hidden; padding: 20px 0px; margin-bottom: 10px; margin-top: 10px;}
.mr .info ul { overflow: hidden; width: 100%;}
.mr .info ul li { width: 50%; float: left;border-left: solid 1px #ebebeb;text-align: center;}
.mr .info ul li:first-child { border-left: 0px;}
.mr .info ul li .tit { margin-bottom: 10px; color: #777777;}
.mr .info ul li .con {font-size:28px; height: 28px;line-height: 28px; color: #fe642c;}

.mr .listmenu { background-color:#ffffff;}
.mr .listmenu li {border-bottom:solid 1px #ebebeb;overflow:hidden; width:100%; line-height:45px; height: 45px;}
.mr .listmenu li:first-child { border-top:solid 1px #ebebeb;}
.mr .listmenu a { display: block; height: 45px; width: 100%; color:#333333;}
.mr .listmenu .tit { float:left; padding-left: 15px;}
.mr .listmenu .con { float:right; padding-right: 15px;}
.mr .listmenu ul li .arrow { background-image: url("../images/common/arrow.png"); background-position: right center; background-repeat: no-repeat; background-size: contain; display: block; float: right; height: 18px; width: 18px; margin-top: 14px; margin-left:5px;}

.mr .lists { padding-bottom: 10px; position: relative;}
.mr .lists .title { position: absolute; top: 0px; left: 0px;}
.mr .lists  dl {background-color: #ffffff;border-bottom: solid 1px #ebebeb; }
.mr .lists  dl dt { color: #bdbdbd; border-bottom: solid 1px #ebebeb; padding: 0px 15px; line-height: 35px; text-align: right; background-color: #f4f4f8;}
.mr .lists  dl dd { overflow: hidden; border-bottom: solid 1px #ebebeb; padding: 12px 0px; margin: 0px 15px; }
.mr .lists  dl dd:last-child {border-bottom: 0px;}
.mr .lists  dl dd .box { width: 100%; overflow: hidden; line-height: 24px;}
.mr .lists  dl dd .box .color { color: #fe642c;}
.mr .lists  dl dd .box .name { float: left;}
.mr .lists  dl dd .box .int { float: right;}
.mr .lists  dl dd .box .date {float: left; color: #999999;}
.mr .lists  dl dd .box .num {float: right;}


/*我的报销*/
.ea {margin-top: 10px;}

.ea .info { border-bottom: solid 1px #ebebeb;border-top: solid 1px #ebebeb; background-color: #ffffff; overflow: hidden; padding: 20px 0px; margin-bottom: 10px; }
.ea .info ul { overflow: hidden; width: 100%;}
.ea .info ul li { width: 50%; float: left;border-left: solid 1px #ebebeb;text-align: center;}
.ea .info ul li:first-child { border-left: 0px;}
.ea .info ul li .tit { margin-bottom: 10px; color: #777777;}
.ea .info ul li .con {font-size:28px; height: 28px;line-height: 28px; color: #fe642c;}

.ea .lists { padding-bottom: 10px; position: relative;border-bottom: solid 1px #ebebeb;border-top: solid 1px #ebebeb; }
.ea .lists .title { position: absolute; top: 0px; left: 0px;}
.ea .lists  dl {background-color: #ffffff;}
.ea .lists  dl dd { overflow: hidden; border-bottom: solid 1px #ebebeb; padding: 12px 0px; margin: 0px 15px; }
.ea .lists  dl dd:last-child { border-bottom: 0px;}
.ea .lists  dl dd .box { width: 100%; overflow: hidden; line-height: 24px;}
.ea .lists  dl dd .box .color { color: #fe642c;}
.ea .lists  dl dd .box .name { float: left;}
.ea .lists  dl dd .box .int { float: right;}
.ea .lists  dl dd .box .num {float: left;}
.ea .lists  dl dd .box .date {float: right; color: #999999;}



